<!DOCTYPE html>
<html lang = "en">
<head>
    <meta charset = "UTF-8">
    <title>趋数-智能人岗匹配系统</title>
    <link rel = "stylesheet" href = "../static/common.css">
    <link rel = "stylesheet" href = "../static/sysconfig.css">
    <link rel = "stylesheet" href = "../static/bootstrap-4.0.0/dist/css/bootstrap.min.css">
    <link rel = "icon" type = "image/x-icon" href = "../static/images/bitbug_favicon.ico"/>
</head>
<body>
<div class = "app-container">
    <div class = "menu-container">
        <div class = "user-profile">
            <span>
                {% if user %}
                {{user.username}} <a href = "/login.html" style = "font-size:13px;">退出</a>
                {% else %}
                游客模式
                {% endif %}
            </span>
        </div>
        <div>
            <ul class = "menu-list">
                <li class = ""><a href = "main.html">简历搜索</a></li>
                <li class = ""><a href = "contact.html">联系方式</a></li>
                <li class = "active"><a href = "sysconfig.html">系统设置</a></li>
                {% if user['role'] == 'admin' %}
                <li class = ""><a href = "admin.html">管理员</a></li>
                {% endif %}
            </ul>
        </div>
    </div>
    <div class = "pane-container">
        <div class = "pane-container-inner">
            <ul class = "nav nav-tabs">
                <li class = "nav-item">
                    <a class = "nav-link active" href = "#" tar = 'contact-manager'>平台账号配置</a>
                </li>
            </ul>
            <div class = "platform-accounts-config mt20">
                <table style = "width:70%;" class = "available-platforms">
                    <tbody>
                    <tr>
                        <th class = "tc">
                            <img plat = 'qiancheng' title = "点击配置前程无忧账号" style = "height:50px;" src = "https://yun.lagou.com/i/image4/M00/3D/71/CgpqTlo58wWAZcZuAAA5XMtuuWo845.png" alt = "">
                        </th>
                        <th class = "tc">
                            <img plat = 'zhilian' title = "点击配置智联招聘账号" style = "height:50px;" src = "https://yun.lagou.com/i/image4/M00/3D/6B/CgppDlo58wWAJ7IgAAA_gkqOs9s417.png" alt = "">
                        </th>
                        <th class = "tc">
                            <img plat = 'boss' title = "点击配置boss直聘账号" style = "height:50px;" src = "https://yun.lagou.com/i/image2/M00/D2/9B/Cgqr0lpS82SAZovKAAAOA3FCx_s000.png" alt = "">
                        </th>
                        <th class = "tc">
                            <img plat = 'lagou' title = "点击配置拉勾网账号" style = "height:50px;" src = "/static/images/lagou.png" alt = "">
                        </th>
                    </tr>
                    </tbody>
                </table>
                <div class = "platform-account-input hidden">
                    <div class = "platform-account-input-header">
                        <b style = "margin-left:20px;">前程无忧账号配置</b>
                    </div>
                    <div style = "margin:20px;">
                        <label for = "">账号名称</label>
                        <input class = "form-control accountName" type = "text" placeholder = "账号名称">
                    </div>
                    <div style = "margin:20px;">
                        <label for = "">账号密码</label>
                        <input class = "form-control accountPwd" type = "text" placeholder = "账号密码">
                    </div>
                    <div class = "tc mt20 mb20">
                        <button type = "button" class = "btn btn-danger">确定</button>
                        <button type = "button" class = "btn btn-light">取消</button>
                    </div>
                </div>
                <table class = "table table-striped">
                    <thead>
                    <tr>
                        <th>
                            平台名称
                        </th>
                        <th>
                            账号名称
                        </th>
                        <th>
                            账号密码
                        </th>
                        <th>
                            绑定时间
                        </th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>
                            前程无忧
                        </td>
                        <td>
                            edianhagnzhou5588
                        </td>
                        <td>
                            **************
                        </td>
                        <td>
                            2018-09-01 09:34:12
                        </td>
                    </tr>
                    <tr>
                        <td>
                            智联招聘
                        </td>
                        <td>
                            sousuozhanghao2
                        </td>
                        <td>
                            **************
                        </td>
                        <td>
                            2018-09-01 09:34:12
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
<script src = "../static/js/jquery.min.js"></script>
<script src = "../static/sysconfig.js"></script>
</body>
</html>